<template>
  <div id="cart" class="cart">
    <Head></Head>
    <Header></Header>
    <router-view></router-view>
    <Footer></Footer>
  </div>




</template>

<script>
import Footer from "../components/Footer.vue";
import Header from "./components/cart/CarHeader.vue";
import Affirm from "./components/cart/Affirm.vue";
import Head from "@/components/Header.vue";

export default {
  name: "Cart",
  components: {Footer,Header,Affirm,Head}
}
</script>

<style scoped lang="less">
 .cart{
   min-width: 1200px;
   margin: 0 auto;
 }

</style>

<style>
.header-box {
  position: unset !important;
  box-shadow: none !important;
}
</style>